<!--
 * @Author: wyh
 * @Date: 2021-08-18 09:31:31
 * @LastEditTime: 2021-08-23 00:33:18
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \undefinedc:\Users\pingx\Desktop\网易严选\htnl.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选</title>
  <link rel="stylesheet" href="./css/wyyx.css">
  <!-- 引入字体图标 -->
  <link rel="stylesheet" href="./css/font/demo_index.html">
  <link rel="stylesheet" href="./css/font/iconfont.css">
</head>

<body>
  <!-- header -->
  <div class="header">
    <!-- top -->
    <div class="container">
      <div class="header">
        <div class="wrapper">
          <!-- 菜单 -->
          <ul class="menu">
            <li>登录/注册</li>
            <li>我的订单</li>
            <li>会员</li>
            <li>甄选家</li>
            <li>
              <span>企业采购></span>
            <div class="sub_menu_container">
              <div class="icon_sj"></div>
              <ul class="sub_menu">
                <li>企业购</li>
                <li>礼品卡</li>
                <li>联系我们</li>
              </ul>
            </div>
            </li>
            <li>
              <span>客户服务></span>
              <div class="sub_menu_container">
                <div class="icon_sj"></div>
                <ul class="sub_menu">
                  <li>在线客服</li>
                  <li>帮助中心</li>
                  <li>上午合作</li>
                  <li>开放平台</li>
                </ul>
              </div>
            </li>
            <li>APP</li>
          </ul>
          <!-- 公告 -->
          <div class="note">
            <i class="iconfont icon-tongzhi"></i>
            <a href="">因事件（疫情、特大暴雨、台风）影响，部分地区无法配送公告</a>
          </div>
        </div>
      </div>
    </div>
    <!-- top结束 -->
    <!-- bottom -->
    <div class="bottom">
      <div class="wapper">
        <!-- search -->
        <div class="search">
          <div class="logo">
            <img src="./img/logo.png" alt="">
          </div>
          <div class="sousuo">
            <div>
              <div class="search_top">
                <i class="iconfont icon-search"></i>
                <input type="text"><span class="but_text">搜索</span>
              </div>
              <div class="search_bottom">
                <a href="">七夕礼物</a>
              </div>
            </div>
          </div>
          <div class="shopcar">
            <div class="car">
              <i class="iconfont icon-gouwuche1"></i>
              <span>购物车</span>
              <i class="iconfont icon-0"></i>
            </div>
          </div>
        </div>
        <!-- search结束 -->
        <!-- menu -->
        <div class="menu">
          <div class="list">
            <ul>
              <li>
                <a href="">首页</a>
              </li>
              <li>
                <a href="">居家生活</a>
                <div class="second">
                  <div class="pro pro_1">床品件套
                    <div class="pro_1_item">
                      <a href="">床品件套</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">收纳家饰</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">疫情防控</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">家具布艺</a>
                    </div>
                  </div>
                  <div class="pro pro_2">被枕褥毯
                    <div class="pro_2_item">
                      <a href="">被枕盖毯</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">床垫床褥</a>
                    </div>
                  </div>
                  <div class="pro pro_3">办公家具
                    <div class="pro_3_item">
                      <a href="">办公家具</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">好物精选</a>
                    </div>
                  </div>
                  <div class="pro pro_4">卧室家具
                    <div class="pro_4_item">
                      <a href="">卧室家具</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">灯具</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">小件家具</a>
                    </div>
                  </div>
                  <div class="pro pro_5">厨房电器
                    <div class="pro_5_item">
                      <a href="">厨房电器</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">餐厨爆款清单</a>
                    </div>
                  </div>
                  <div class="pro pro_6">锅具清洁
                    <div class="pro_6_item">
                      <a href="">品质锅具</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">餐厨配件</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">刀剪砧板</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">餐具</a>
                    </div>
                  </div>
                  <div class="pro pro_7">客厅家具
                    <div class="pro_7_item">
                      <a href="">客厅家具</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">家饰</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">收纳</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">艺术藏品</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">服饰鞋包</a>
                <div class="second">
                  <div class="pro pro_1">居家内搭
                    <div class="pro_1_item">
                      <a href="">女装</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">女式T恤</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">女式衬衫</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">女式外套</a>
                    </div>
                  </div>
                  <div class="pro pro_2">珠宝配饰
                    <div class="pro_2_item">
                      <a href="">珠宝配饰</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">珠宝黄金</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">玉石文玩</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">时尚饰品</a>
                    </div>
                  </div>
                  <div class="pro pro_3">男鞋
                    <div class="pro_3_item">
                      <a href="">男鞋</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">男式运动鞋</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">男式正装鞋</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">男式休闲鞋</a>
                    </div>
                  </div>
                  <div class="pro pro_4">女鞋
                    <div class="pro_4_item">
                      <a href="">女鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">女式时尚鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">女式休闲鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">女式运动鞋</a>
                    </div>
                  </div>
                  <div class="pro pro_5">包袋
                    <div class="pro_5_item">
                      <a href="">箱包</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">行李包</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">女式包袋</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">男式包袋</a>
                    </div>
                  </div>
                  <div class="pro pro_6">拖鞋
                    <div class="pro_6_item">
                      <a href="">拖鞋</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">居家拖鞋</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">室外拖鞋</a>
                    </div>
                  </div>
                  <div class="pro pro_7">当季爆款
                    <div class="pro_7_item">
                      <a href="">新疆</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">凉感</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">零束</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">百草</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">美食酒水</a>
                <div class="second">
                  <div class="pro pro_1">美食推荐
                    <div class="pro_1_item">
                      <a href="">秋季食补</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">爆款美食</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">美味上新</a>
                    </div>
                  </div>
                  <div class="pro pro_2">休闲零食
                    <div class="pro_2_item">
                      <a href="">饼干糕点</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">小食糖巧</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">肉类零食</a>
                    </div>
                  </div>
                  <div class="pro pro_3">坚果蜜饯
                    <div class="pro_3_item">
                      <a href="">坚果炒货</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">蜜饯果干</a>
                    </div>
                  </div>
                  <div class="pro pro_4">冲饮茗茶
                    <div class="pro_4_item">
                      <a href="">冲调饮品</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">传统茗茶</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">茗茶礼盒</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">茶包花茶</a>
                    </div>
                  </div>
                  <div class="pro pro_5">滋补保健
                    <div class="pro_5_item">
                      <a href="">滋补食材</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">保健品</a>
                    </div>
                  </div>
                  <div class="pro pro_6">酒水乳饮
                    <div class="pro_6_item">
                      <a href="">乳品饮料</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">国产酒</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">进口酒</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">名酒馆</a>
                    </div>
                  </div>
                  <div class="pro pro_7">粮油调味
                    <div class="pro_7_item">
                      <a href="">米面粮油</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">方便食品</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">南北干货</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">调味酱菜</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">个护清洁</a>
                <div class="second">
                  <div class="pro pro_1">尖货大赏
                    <div class="pro_1_item">
                      <a href="">爆款榜单</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">新品尝鲜</a>
                    </div>
                  </div>
                  <div class="pro pro_2">面部护理
                    <div class="pro_2_item">
                      <a href="">基础护肤</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">卸妆洁面</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">护肤工具</a>
                    </div>
                  </div>
                  <div class="pro pro_3">彩妆香水
                    <div class="pro_3_item">
                      <a href="">彩妆修容</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">香水香氛</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">美妆工具</a>
                    </div>
                  </div>
                  <div class="pro pro_4">个人护理
                    <div class="pro_4_item">
                      <a href="">洗发护发</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">身体护理</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">口腔护理</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">女性护理</a>
                    </div>
                  </div>
                  <div class="pro pro_5">个护电器
                    <div class="pro_5_item">
                      <a href="">口腔护理电器</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">面部护理电器</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">头发护理电器</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">身体护理电器</a>
                    </div>
                  </div>
                  <div class="pro pro_6">纸品清洁
                    <div class="pro_6_item">
                      <a href="">纸品</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">干湿巾</a>
                    </div>
                  </div>
                  <div class="pro pro_7">家清卫浴
                    <div class="pro_7_item">
                      <a href="">衣物护理</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">家庭清洁</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">餐厨清洁</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">毛巾浴巾</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">母婴亲子</a>
                <div class="second">
                  <div class="pro pro_1">婴童食品
                    <div class="pro_1_item">
                      <a href="">婴儿奶粉</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">辅食营养品</a>
                    </div>
                  </div>
                  <div class="pro pro_2">洗护喂养
                    <div class="pro_2_item">
                      <a href="">尿裤纸品</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">洗护</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">喂养</a>
                    </div>
                  </div>
                  <div class="pro pro_3">婴童寝居
                    <div class="pro_3_item">
                      <a href="">床品条件</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">家具收纳</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">被枕芯类</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">抱被睡袋</a>
                    </div>
                  </div>
                  <div class="pro pro_4">玩具出行
                    <div class="pro_4_item">
                      <a href="">玩具</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">文具</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">图书</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">推车</a>
                    </div>
                  </div>
                  <div class="pro pro_5">童鞋搭配
                    <div class="pro_5_item">
                      <a href="">儿童鞋</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">学步鞋</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">童包</a>
                    </div>
                  </div>
                  <div class="pro pro_6">童装
                    <div class="pro_6_item">
                      <a href="">裤子/裙装</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">T恤</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">外套</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">连体衣</a>
                    </div>
                  </div>
                  <div class="pro pro_7">孕产妈咪
                    <div class="pro_7_item">
                      <a href="">孕妈服饰</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">妈咪用品</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">运动旅行</a>
                <div class="second">
                  <div class="pro pro_1">人气好物
                    <div class="pro_1_item">
                      <a href="">重磅新品</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">乐享旅途</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">运动预售</a>
                    </div>
                  </div>
                  <div class="pro pro_2">行李箱
                    <div class="pro_2_item">
                      <a href="">超级爆款</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">高颜值pc箱</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">镁铝合金箱</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">登机箱</a>
                    </div>
                  </div>
                  <div class="pro pro_3">运动服
                    <div class="pro_3_item">
                      <a href="">女式运动外套</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">男式运动外套</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">女式运动T恤</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">男式云T恤</a>
                    </div>
                  </div>
                  <div class="pro pro_4">运动户外鞋
                    <div class="pro_4_item">
                      <a href="">运动鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">男式运动鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">女式运动鞋</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">户外运动鞋</a>
                    </div>
                  </div>
                  <div class="pro pro_5">运动减脂
                    <div class="pro_5_item">
                      <a href="">运动减脂</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">健身器材</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">瑜伽美体</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">运动配件</a>
                    </div>
                  </div>
                  <div class="pro pro_6">旅行用品
                    <div class="pro_6_item">
                      <a href="">旅行用品</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">旅行收纳</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">出行用品</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">颈枕眼罩</a>
                    </div>
                  </div>
                  <div class="pro pro_7">户外露营
                    <div class="pro_7_item">
                      <a href="">户外露营</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">徒步登山</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">男式户外服</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">女式户外服</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">数码家电</a>
                <div class="second">
                  <div class="pro pro_1">品质尖货
                    <div class="pro_1_item">
                      <a href="">热卖爆款</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">新品首发</a>
                    </div>
                  </div>
                  <div class="pro pro_2">生活电器
                    <div class="pro_2_item">
                      <a href="">清洁电器</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">衣物护理</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">两季电器</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">空气调节</a>
                    </div>
                  </div>
                  <div class="pro pro_3">按摩电器
                    <div class="pro_3_item">
                      <a href="">按摩器</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">按摩椅</a>
                    </div>
                  </div>
                  <div class="pro pro_4">个护电器
                    <div class="pro_4_item">
                      <a href="">头发护理</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">口腔护理</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">面部护理</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">身体护理</a>
                    </div>
                  </div>
                  <div class="pro pro_5">厨房电器
                    <div class="pro_5_item">
                      <a href="">厨房电器</a>
                    </div>
                  </div>
                  <div class="pro pro_6">智能生活
                    <div class="pro_6_item">
                      <a href="">智能家居</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">智能出行</a>
                    </div>
                  <div class="pro pro_7">数码办公
                    <div class="pro_7_item">
                      <a href="">3C数码</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">手机配件</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">车载用品</a>
                    </div>
                    <div class="pro_7_item">
                      <a href="">办公文具</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">严选全球</a>
                <div class="second">
                  <div class="pro pro_1">进口爆款
                    <div class="pro_1_item">
                      <a href="">口碑好物</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">大牌补贴</a>
                    </div>
                    <div class="pro_1_item">
                      <a href="">新品速递</a>
                    </div>
                  </div>
                  <div class="pro pro_2">居家餐厨
                    <div class="pro_2_item">
                      <a href="">床品家纺</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">餐厨用品</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">日用百货</a>
                    </div>
                    <div class="pro_2_item">
                      <a href="">家清用品</a>
                    </div>
                  </div>
                  <div class="pro pro_3">营养保健
                    <div class="pro_3_item">
                      <a href="">进口乳品</a>
                    </div>
                    <div class="pro_3_item">
                      <a href="">滋补保健</a>
                    </div>
                  </div>
                  <div class="pro pro_4">美食酒水
                    <div class="pro_4_item">
                      <a href="">酒水饮料</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">休闲美食</a>
                    </div>
                    <div class="pro_4_item">
                      <a href="">粮油速食</a>
                    </div>
                  </div>
                  <div class="pro pro_5">美妆洗护
                    <div class="pro_5_item">
                      <a href="">美妆个护</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">口腔护理</a>
                    </div>
                    <div class="pro_5_item">
                      <a href="">卫浴用品</a>
                    </div>
                  </div>
                  <div class="pro pro_6">时尚珠宝
                    <div class="pro_6_item">
                      <a href="">高级珠宝</a>
                    </div>
                    <div class="pro_6_item">
                      <a href="">时尚搭配</a>
                    </div>
                  </div>
                  <div class="pro pro_7">数码电器
                    <div class="pro_7_item">
                      <a href="">数码电器</a>
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <a href="">为你严选</a>
              </li>
              <li>
                <a href="">众筹</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- menu结束 -->
      </div>
    </div>
    <!-- bottom结束 -->
  </div>
  <!-- header结束 -->
  <!-- content -->
  <div class="content">
    <!-- 轮播 -->
    <div class="lunbo">
      <img src="./img/lunbo.webp" alt="">
    </div>
    <!-- 轮播结束 -->

    <!-- 人气推荐 -->
    <div class="rqtj">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <h3 class="name">人气推荐</h3>
            <div class="headerLeft checked">编辑推荐</div>
            <div class="headerLeft">热销总榜</div>
            <div class="headerRight">更多推荐></div>
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/bebff6d69027991f02077dc1f249059f.png?type=webp&quality=95&thumbnail=320x320&imageView"
                alt="图片丢失">
              <div class="title">
                <h4 class="name">
                  口袋里的咖啡馆 浓缩胶囊咖啡 焦糖拿铁1袋
                </h4>
                <p class="price">¥21.8</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>3件8.5折</span></div>
                <h4 class="name">
                </h4>
                <p class="price">
                  <span>
                  </span>
                </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 人气推荐结束 -->

    <!-- 其他栏目 -->
    <div class="other">
      
    <!-- 居家生活 -->
    <div class="jjsh">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <div class="o_header">
              <ul class="o_menu">
                <li>收纳家饰&nbsp;&nbsp; / </li>
                <li>好物精选&nbsp;&nbsp; /</li>
                <li>疫情防控&nbsp;&nbsp; /</li>
                <li>北欧原木&nbsp;&nbsp; /</li>
                <li>家庭医疗&nbsp;&nbsp; /</li>
                <li>餐厨爆款清单&nbsp;&nbsp; /</li>
                <li>厨房电器&nbsp;&nbsp; /</li>
                <li>更多推荐></li>
              </ul>
              <div class="left">居家生活</div>
            </div>
          </div>
          <div class="show">
            <img src="https://yanxuan.nosdn.127.net/403ef629810368c9b3e0e6fd863ebb4e.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95" alt="图片丢失">
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/a845ea8855b02fa48aaa46cdc87c9619.jpg?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
              <div class="title">
                <h4 class="name">
                  耐热玻璃杯手把 防滑带杯盖
                </h4>
                <p class="price">¥39</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
              <div class="title">
                <div class="prdtTags"><span></span></div>
                <h4 class="name">
                </h4>
                <p class="price">
                  <span>
                  </span>
                </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/f1562e59b3a556f076885336dc0d5894.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 居家生活结束 -->

    <!-- 服饰鞋包 -->
    <div class="jjsh">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <div class="o_header">
              <ul class="o_menu">
                <li>收纳家饰&nbsp;&nbsp; / </li>
                <li>好物精选&nbsp;&nbsp; /</li>
                <li>疫情防控&nbsp;&nbsp; /</li>
                <li>北欧原木&nbsp;&nbsp; /</li>
                <li>家庭医疗&nbsp;&nbsp; /</li>
                <li>餐厨爆款清单&nbsp;&nbsp; /</li>
                <li>厨房电器&nbsp;&nbsp; /</li>
                <li>更多推荐></li>
              </ul>
              <div class="left">服饰鞋包</div>
            </div>
          </div>
          <div class="show">
            <img src="https://yanxuan.nosdn.127.net/9ed62a99ff7cc6e66225183c84ac4213.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95" alt="图片丢失">
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e7f1b71194e59b9fde859113588a177d.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
              <div class="title">
                <h4 class="name">
                  女式天丝绵柔中腰小脚裤
                </h4>
                <p class="price">￥109</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
              <div class="title">
                <div class="prdtTags"><span></span></div>
                <h4 class="name">
                </h4>
                <p class="price">
                  <span>
                  </span>
                </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/62f2f9cad511f93d0230f59d64d51229.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 服饰鞋包结束 -->
  </div>
  </div>
  <!-- content结束 -->
  <!-- footer -->
  <div class="footer">
    <div class="footer_1">
      <div class="left">
          <p>客户服务</p>
          <div class="l_left">
              在线客服
          </div>
          <div class="l_right">用户反馈</div>
      </div>
      <div class="mid">
          <p>何为网易严选</p>
          <span>网易严选是深受新中产喜爱的生活方式品牌, 
              为消费者提供一站式、全品类、全方位的美好生活解决方案。
              我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物,
              陪伴3000万新中产用户「活出自己喜欢的样子」, 
              共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</span>
      </div>
      <div class="right">
          <p>扫码下载APP</p>
          <img src="./img/二维码.png" alt="">
      </div>
  </div>
  <div class="footer_2">
      <div class="footer_2_1">
          <div>网易自营电商</div>
          <div>30天无忧退换货</div>
          <div>满99元包邮</div>
          <div>品质保证</div>
      </div>
      <div class="footer_2_2">
          <ul>
              <li>关于我们</li>
              <li>帮助中心</li>
              <li>售后服务</li>
              <li>配送与验收</li>
              <li>商务合作</li>
              <li>企业采购</li>
              <li>开发平台</li>
              <li>推荐搜索</li>
              <li>友情链接</li>
              <li>廉政举报</li>
          </ul>
      </div>
  </div>
  </div>
  <!-- footer结束 -->
</body>
</html>